<template>
  <div id="app" class="box">
    <router-link to="/home1">home1</router-link>&nbsp;
    <router-link to="/home2">home2</router-link>&nbsp;
    <router-link to="/home3">home3</router-link>&nbsp;
    <router-link to="/home4">home4</router-link>&nbsp;
    <router-link to="/home5">home5</router-link>&nbsp;
    <router-link to="/home6">home6</router-link>&nbsp;
    <router-link to="/home7">home7</router-link>&nbsp;
    <router-link to="/home8">home8</router-link>&nbsp;
    <router-link to="/home9">home9</router-link>&nbsp;
    <hr>
    <router-view />
  </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
#app {
  margin: 0;
}
</style>
